<template>
  <AppContainer>
    <AppHeader>
      <HeaderContent />
    </AppHeader>
    <AppBody>
      <RouterView />
    </AppBody>
  </AppContainer>
</template>

<script setup>
import { onMounted } from 'vue'
import { /*RouterLink,*/ RouterView } from 'vue-router'
import AppContainer from '@/components/AppContainer.vue'
import AppHeader from '@/components/AppHeader.vue'
import AppBody from '@/components/AppBody.vue'
import HeaderContent from '@/components/HeaderContent.vue'
import useCommonStore from '@/stores/common.js'

const commonStore = useCommonStore()

onMounted(() => {
  commonStore.loadUsers()
})
</script>
